// out: ../css/
@import "./base.less";

@rootsize:37.5rem;

// 头部
header{
    display: flex;
    justify-content: space-between;
    padding: 0 (15/@rootsize);
    height: (44/@rootsize);
    line-height: (44/@rootsize);
    .icon-left{
        font-size: (22/@rootsize);
    }
    h3{
        font-size: (17/@rootsize);
    }
    .note {
        font-size: (15/@rootsize);
        color: #2CB5A5;
    }
}

//banner
.banner{
    margin-top: (30/@rootsize);
    margin-bottom: (34/@rootsize);
    text-align: center;
    img{
        margin-bottom: (18/@rootsize);
        width: (240/@rootsize);
        height: (206/@rootsize);
    }
    p{
        font-size: (16/@rootsize);
        span{
            color: #2CB5A5;
        }
    }
}

// 问诊类型
.type{
    padding: 0 (15/@rootsize);
    li{
        padding: 0 (15/@rootsize);
        margin-bottom: (15/@rootsize);
        height: (78/@rootsize);
        border-radius: (4/@rootsize);
        background: #FFFFFF;
        border: 1px solid #EDEDEDE5;
        a{
            height: (78/@rootsize);
            display: flex;
            // 内容垂直居中
            align-items: center;
            img{
                margin-right: (14/@rootsize);
                width: (40/@rootsize);
                height: (40/@rootsize);
            }
            .text{
                flex: 1;
                h4{
                    margin-bottom: (4/@rootsize);
                    font-size: (16/@rootsize);
                    color: #3C3E42;
                }
                p{
                    font-size: (13/@rootsize);
                    color: #848484;
                }
            }
            span{
                font-size: (16/@rootsize);
            }
        }
    }
}
